<template>
  <div class="nav-box">
    <ul>
      <li v-for="data in nav"><a href="">{{data.name}}</a></li>
    </ul>
  </div>
</template>
<script>
  export default{
    data(){
      return {
        nav:{}
      }
    },
    created(){
      var th = this;
      this.$http.get("/columnList" , function(data){
        th.nav = data.data;
      },"JSON")
    },
    router:{
      data(){
        alert(123)
      }
    }
  }
</script>
<style scoped>
  .nav-box{
    width:250px;
    height:100%;
    background:#3298D6;
    position:fixed;
    right:0;
    top:0;
    left:100%;
    -webkit-transition:left 0.3s ease;
    -moz-transition:left 0.3s ease;
    -ms-transition:left 0.3s ease;
    transition:left 0.3s ease;
  }
</style>
